<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>水库信息管理系统</title>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="css/head.css"/>
    <link rel="stylesheet" type="text/css" href="css/simple.css"/>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>

</head>
<body>
<div id="main" style="background: #FFFFFF">
    <div data-options="region:'north'" style="overflow: hidden;height: 76px;">
        <div class="header"><!--顶部-->

            <div class="logo">
                <span style="font-size: 28px;">江陵县防汛抗旱支持系统</span>
            </div>

            <div class="top_menu" style="float: right">
                <div class="townItem">
                    <img src="res/首页_03.png" alt="">

                    <div>首页</div>
                </div>
                <div class="townItem">
                    <img src="res/水雨情监测_03.png" alt="">

                    <div>水雨情监测</div>
                </div>
                <div class="townItem">
                    <img src="res/图像监测_03.png" alt="">

                    <div>图像监测</div>
                </div>
                <div class="townItem">
                    <img src="res/统计报表_03.png" alt="">

                    <div>统计报表</div>
                </div>
                <div class="townItem">
                    <img src="res/巡检中心_03.png" alt="">

                    <div>巡检中心</div>
                </div>
                <div class="townItem">
                    <img src="res/基础信息_03.png" alt="">

                    <div>基础信息</div>
                </div>
                <div class="townItem">
                    <img src="res/通知公告_03.png" alt="">

                    <div>通知公告</div>
                </div>
                <div class="townItem">
                    <img src="res/系统管理_03.png" alt="">

                    <div>系统管理</div>
                </div>
            </div>
        </div>
    </div>
    <div class="all_table">
        <div class="table_title">
            <span>水雨情公告</span>
        </div>
        <div style="height: 2px; width: 100%; background: #dae9f4;"></div>
        <div id="first_table">
            <table style="text-align: right;">
                <tr>
                    <td style="font-size: 16px; font-weight: bold;">选择日期:</td>
                    <td><select id="birth_year" onchange="setDays(this,birth_month,birth_day);">
                        <option value="">年</option>

                    </select> <select id="birth_month" onchange="setDays(birth_year,this,birth_day);">
                        <option value="">月</option>

                    </select> <select id="birth_day">
                        <option value="">日</option>

                    </select></td>
                </tr>
                <tr>
            </table>
        </div>
        <div id="second_table">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th class="table_bg_one">类别</th>
                    <th class="table_bg_one">站名</th>
                    <th class="table_bg_one">历史最高水位(m)</th>
                    <th class="table_bg_one">2时水位(m)</th>
                    <th class="table_bg_one">流量(m³)</th>
                    <th class="table_bg_one">8时水位(m)</th>
                    <th class="table_bg_one">流量(m³)</th>
                    <th class="table_bg_one">14时水位(m)</th>
                    <th class="table_bg_one">流量(m³)</th>
                    <th class="table_bg_one">20时水位(m)</th>
                    <th class="table_bg_one">流量(m³)</th>
                    <th class="table_bg_one">8时雨量(mm)</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td rowspan="3">长江</td>
                    <td>宜昌</td>
                    <td>100</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>20</td>
                </tr>
                <tr>
                    <td>宜昌</td>
                    <td>100</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>20</td>
                </tr>
                <tr>
                    <td>宜昌</td>
                    <td>100</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>50</td>
                    <td>5000</td>
                    <td>20</td>
                </tr>
                <tr>
                    <th rowspan="9">涵闸</th>
                    <th class="table_bg_two">闸名</th>
                    <th class="table_bg_two">历史最高水位(m)</th>
                    <th class="table_bg_two">闸底高程(m)</th>
                    <th class="table_bg_two">设防水位(m)</th>
                    <th class="table_bg_two">起排水位(m)</th>
                    <th class="table_bg_two" colspan="2">8时水位(m)</th>
                    <th class="table_bg_two" colspan="2">闸门启闭</th>
                    <th class="table_bg_two">流量(m³)</th>
                    <th class="table_bg_two">日引水量(m³)</th>
                </tr>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th>上游</th>
                    <th>下游</th>
                    <th>孔</th>
                    <th>开高(m)</th>
                    <th></th>
                    <th></th>
                </tr>
                <tr>
                    <th>观音寺</th>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                </tr>
                <tr>
                    <th>颜家台</th>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                </tr>
                <tr>
                    <th>彭家河滩</th>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                </tr>
                <tr>
                    <th>凡家桥</th>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                </tr>
                <tr>
                    <th>熊家沟</th>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                </tr>
                <tr>
                    <th>十周河</th>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                </tr>
                <tr>
                    <th>渡佛寺</th>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                    <td>50</td>
                </tr>
                <tr>
                    <th rowspan="8">涵闸分流</th>
                    <th class="table_bg_three" colspan="11">观音寺</th>
                </tr>
                <tr>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="2">观中<input type="text" name="" value="0">个</td>
                </tr>
                <tr>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="2">观中<input type="text" name="" value="0">个</td>
                </tr>
                <tr>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="2">观中<input type="text" name="" value="0">个</td>
                </tr>
                <tr>
                    <th class="table_bg_three" colspan="11">颜家台</th>
                </tr>
                <tr>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="2">观中<input type="text" name="" value="0">个</td>
                </tr>
                <tr>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="2">观中<input type="text" name="" value="0">个</td>
                </tr>
                <tr>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="3">观中<input type="text" name="" value="0">个</td>
                    <td colspan="2">观中<input type="text" name="" value="0">个</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div id="third_table">
            <table class="table table-bordered table_ma">
                <thead class="table_five">
                    <tr>
                        <th style="background-image: url('res/diagonal.png'); background-size:100% 100%; ">
                            <div>
                                <span style="float: right;">时段</span>
                                <br/>
                                <span>站名</span>
                            </div>
                        </th>
                        <th style="text-align: center;">8时</th>
                        <th style="text-align: center;">11时</th>
                        <th style="text-align: center;">14时</th>
                        <th style="text-align: center;">17时</th>
                        <th style="text-align: center;">20时</th>
                        <th style="text-align: center;">23时</th>
                        <th style="text-align: center;">2时</th>
                        <th style="text-align: center;">5时</th>
                        <th style="text-align: center;">累计&nbsp;&nbsp;日~至&nbsp;&nbsp;&nbsp;日</th>
                    </tr>
                </thead>
                <tbody>
                <tr>
                    <td>资市</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>马家寨</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>熊河</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>郝穴</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>白马</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>沙岗</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>普济</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>秦市</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>三湖</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>六合垵</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>资市</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                <tr>
                    <td>平均</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                    <td>00</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

</body>
<script>
    $(document).ready(function() {
        var i = -1;
        // 添加年份，从1910年开始
        for (i = 1910; i <= new Date().getFullYear(); i++) {
            addOption(birth_year, i, i - 1909);
            /*// 默认选中1988年
             if (i == 1988) {
             birth_year.options[i-1910].selected = true;
             }*/
        }
        // 添加月份
        for (i = 1; i <= 12; i++) {
            addOption(birth_month, i, i);
        }
        // 添加天份，先默认31天
        for (i = 1; i <= 31; i++) {
            addOption(birth_day, i, i);
        }



        //$("#birth_month"). birth_year  birth_day
    });


    // 设置每个月份的天数
    function setDays(year, month,day) {
        var monthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
        var yea = year.options[year.selectedIndex].text;
        var mon = month.options[month.selectedIndex].text;
        var num = monthDays[mon - 1];
        if (mon == 2 && isLeapYear(yea)) {
            num++;
        }
        for (var j = day.options.length - 1; j >=num; j--) {
            day.remove(j);
        }
        for (var i = day.options.length; i <= num; i++) {
            addOption(birth_day,i,i);
        }
    }

    // 判断是否闰年
    function isLeapYear(year)
    {
        return (year % 4 == 0 || (year % 100 == 0 && year % 400 == 0));
    }

    // 向select尾部添加option
    function addOption(selectbox, text, value) {
        var option = document.createElement("option");
        option.text = text;
        option.value = value;
        selectbox.options.add(option);
    }
</script>
</html>